import autoprefixer from 'autoprefixer'
import tailwindcss from '@tailwindcss/postcss'
import px2viewport from 'postcss-px-to-viewport-8-plugin'

/**
 * @type {import('tailwindcss').Config}
 */
export default {
  plugins: [
    tailwindcss(),
    autoprefixer(),
    px2viewport({
      unitToConvert: 'px', // 要转化的单
      viewportUnit: 'vw',
      unitPrecision: 6, // 转换后的精度，即小数点位数
      propList: ['*'],
      fontViewportUnit: 'vw',
      selectorBlackList: [],
      minPixelValue: 1,
      mediaQuery: true,
      replace: true, // 是否直接更换属性值，而不添加备用属性
      exclude: [], // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
      viewportWidth: 1920, // 视窗的宽度，对应的是我们设计稿的宽度
      mediaQuery: true, // 允许在媒体查询中转换 px
    }),
  ],
}
